import React, {Component} from 'react';
import {DragDropContextProvider} from 'react-dnd';
import HTML5Backend from 'react-dnd-html5-backend';
import Dustbin from './Dustbin';
import Box from './Box';
import './Container.less';

const Container = () => {

  return (
    <DragDropContextProvider backend={HTML5Backend}>
      <div className="wrapper">
        <Dustbin/>
        <div className="wrapper-box">
          <Box name="Glass"/>
          <Box name="Banana"/>
          <Box name="Paper"/>
        </div>
      </div>
    </DragDropContextProvider>
  );
}

export default Container;
